import React, { PropTypes, Component } from 'react'


class WidgetIntro extends Component {
 constructor(props, context) {
    super(props, context)
    this.state={
      menuShow:false
    }

  }

 handleWidgetMenuShow(e,componentId,positionId){
    this.props.handleWidgetMenuShow(e,componentId,positionId)
 }
 
  render() {
    let { widget}=this.props

    return (
      
      <div style={widget.conStyles} key={widget.positionId} 
          onClick={(e)=>this.handleWidgetMenuShow(e,widget.componentId,widget.positionId)}
                >
           <p style={widget.styles} >
               这是一段示例文字由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。
这个项目本身也越滚越大，从最早的UI引擎变成了一整套前后端通吃的 Web App 解决方案。衍生的 React Native 项目，目标更是宏伟，希望用写 Web App 的方式去写 Native App。
           </p>     
           
            
       </div>
        
    )
  }
}

WidgetIntro.propTypes = {
  widget:PropTypes.object,
  handleWidgetMenuShow:PropTypes.func
}

export default WidgetIntro
